<template>
  <div class="hello">
  
  <h3>学习Vue:模版</h3>
  <p>{{message  }}</p>
  <div>{{ rawHtml }}</div>
  <div v-html="rawHtml"></div>
  <div v-bind:id="dynamicId" ></div>
  <p>{{ num+10 }}</p>
  <p>{{ flag? "孙猴子":"傻猴子" }}</p>
  </div>
</template>

<script>
export default {
  // innerhtml innerText
  name: 'HelloWorld',
  data(){
    return{
      message:"测试Vue",
      rawHtml:"<a href='http://www.itbaizhan.com'>百战</a>",
      dynamicId:10001,
      num:10,
      flag:true
    }
  }
  }

</script>

